﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Wijmo.Master" AutoEventWireup="true" CodeBehind="Animation.aspx.cs" Inherits="ControlExplorer.C1Rating.Animation" %>
<%@ Register Assembly="C1.Web.Wijmo.Controls.3" namespace="C1.Web.Wijmo.Controls.C1Rating" tagprefix="wijmo" %>
<asp:Content ID="Content1" ContentPlaceHolderID="Head" runat="server">
	<script type="text/javascript">
		function changeAnimation() {
			var val = $("#effectTypes").val();
			$("#<%=C1Rating1.ClientID %>").c1rating({ animation: {
				animated: val
			}
			});
		}
	</script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
	<wijmo:C1Rating ID="C1Rating1" runat="server" Split="2" Value="3" Count="5">
		<Hint Content="Below Average,Average,Above Average,Awesome,Epic" />
		<Animation Animated="fade" Duration="500" Easing="Linear" Delay="250" />
	</wijmo:C1Rating>
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="ControlOptions" runat="server">
	<select id="effectTypes" name="effects">
		<option value="scroll">滚动</option>
		<option value="blind">百叶窗</option>
		<option value="bounce">弹回</option>
		<option value="clip">回纹</option>
		<option value="drop">下落</option>
		<option value="explode">爆炸</option>
		<option value="fade">淡出</option>
		<option value="fold">折叠</option>
		<option value="highlight">高亮</option>
		<option value="puff">冒出</option>
		<option value="pulsate">震动</option>
		<option value="scale">音阶</option>
		<option value="shake">摇动</option>
		<option value="size">大小排列</option>
		<option value="slide">幻灯片</option>
	</select>
	<input id="apply" type="button" onclick="changeAnimation()" value="应用" />
</asp:Content>
<asp:Content ID="Content4" ContentPlaceHolderID="Description" runat="server">
<p>此示例演示如何设置动画C1Rating控件。
 这个例子使用<b>Animation</b> 选项评级。</p>

</asp:Content>
